<template>

    <el-container class="adminZ">
        <el-header>
            <adminHeader></adminHeader>
        </el-header>
        <el-container class="adminAside">
            <el-aside class="test">
                <adminLeft></adminLeft>
            </el-aside>
            <el-main>
                <el-container class="proBox">
                    <el-header>
                        <tabs></tabs>
                    </el-header>
                    <el-main>
                        <RouterView></RouterView>
                    </el-main>
                </el-container>
            </el-main>
        </el-container>
    </el-container>

</template>

<script>
    import adminHeader from '../components/adminHeader.vue'
    import adminLeft from '../components/adminLeft.vue'
    import tabs from '../components/tabs.vue'
    export  default {
        components:{
            adminHeader,
            adminLeft,
            tabs
        }
    }
</script>

<style scoped>
    .proBox {
        padding-left: 20px;
        padding-top: 20px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .adminZ{
        height: 100vh;
    }
    .adminside{
        overflow: auto;
    }
</style>